// components/popup/popup.js
Component({
  /**
   * 组件的初始数据
   */
  data: {
    num:0
   },
  /**
   * 组件的属性列表
   */
  properties: {
     visible:{
       type:Boolean,
       value:true,
       observer:function(o){
         if(!o){
          this.setData({
            num: 0
          })
         }
       }
     },
     detail:{
       type:Object,
       value:{
        img: ['../../pages/image/8.webp', '../../pages/image/7.webp', '../../pages/image/6.webp', '../../pages/image/5.webp', '../../pages/image/4.webp'],
        goods_name:'芝士草莓',
        goods_price:25,
        goods_count:10
       }
     }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    //立即购买
    handleBuy(){
      const{num}=this.data
      const{detail}=this.properties
      if(detail.goods_count<1){
        wx.showToast({
          title: '商品已售空',
          icon:'error'
        })
      }else if(num<1){
        wx.showToast({
          title: '至少选择一件商品',
          icon:'error'
        })
      }else{
        this.triggerEvent('buy',{detail:{...detail,num}})
      }
    },
    //加入购物车
    handelCart(){
      console.log(this.data)
      const{num}=this.data
      console.log(num)
      const{detail}=this.properties
      if(detail.goods_count==0){
        wx.showToast({
          title: '商品已售空',
          icon:'error'
        })
      }else if(num==0){
        wx.showToast({
          title: '至少选择一件商品',
          icon:'error'
        })
      }else{
        this.triggerEvent('cart',{detail:{...detail,num}})
      }
    },
    //关闭弹窗
    close(){
      this.setData({
        visible:false
      })
    },
    //获取数量
    getCount(e){
     const num=e.detail
     this.setData({
       num:num
     })
    }
  }
})
